:host ::ng-deep .p-dialog-mask {
  background: rgba(44, 62, 80, 0.32) !important;
  z-index: 1100 !important;
}

:host ::ng-deep .p-dialog {
  background: transparent !important;
  box-shadow: none !important;
}

:host ::ng-deep .p-dialog-content {
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 64px 0 rgba(0,0,0,0.28), 0 1.5px 8px rgba(0,0,0,0.06) !important;
  padding: 36px 36px 28px 36px !important;
  min-width: 640px;
  border: 2.5px solid #e3eaf2;
  z-index: 1200 !important;
}

:host ::ng-deep .p-dialog-header {
  border-radius: 18px 18px 0 0 !important;
  background: #fafdff !important;
  border-bottom: 1.5px solid #e3eaf2 !important;
}

:host ::ng-deep .p-datatable {
  .p-datatable-header, .p-datatable-thead > tr > th {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding: 1rem;
    font-weight: 600;
    text-align: left;
  }
  .p-datatable-tbody > tr > td {
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding: 1rem;
  }
  .p-datatable-tbody > tr:nth-child(even) {
    background: #f8f9fa;
  }
  .p-datatable-tbody > tr:hover {
    background: #e9ecef;
    cursor: pointer;
  }
  .p-datatable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #1565c0;
  }
}
.p-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
}